/*
  学习目标：使用useState声明状态 和 修改状态
  作用: 给函数式组件, 声明状态
  语法: const [变量名, 更新变量的函数] = useState(初始值)
*/

//  1. 导入useState函数
import { useState } from 'react';
export default function App() {
  // 2. 调用useState函数 , 从返回值中解构:变量/ 更新变量的函数
  // count 等价于this.state.count
  // setCount 等价于 this.setState({count: 值})
  const [count, setCount] = useState(81);
  const [msg] = useState('hello React');

  return (
    <div>
      App
      {/*  3. 正常使用 */}
      <h3>
        {count} - {msg}
      </h3>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  );
}
